 <#assign module="chart"/>

<@override name="header">
<link rel="stylesheet" href="${ctx}/assets/css/datetimepicker.css">
<style>
	.table > thead > tr > th {
	    text-align:center;
	}
	.table > tbody > tr > td{
		vertical-align:middle;
		text-align:center;
	}
</style>
</@override>
<@override name="body">

  
<div class="row">
  	<div class="col-xs-13">
    	<div class="col-md-2">
	        <ul class="list-group">
	        	<#--
	        	<li class="list-group-item"><a  href="${ctx}/chart/heatMap">热力图</a></li>
	        	-->
	        	<@daijia>
		        <li class="list-group-item"><a  href="${ctx}/chart/compositive">代驾订单汇总</a></li>
				</@daijia>
				<@pao>
				<li class="list-group-item"><a  href="${ctx}/chart/paotuiCompositive">跑腿订单汇总</a></li>
				</@pao>
				<@zhuan>
				<li class="list-group-item"><a  href="${ctx}/chart/zhuanCompositive">专车订单汇总</a></li>
				</@zhuan>
				<@freight>
				<li class="list-group-item"><a  href="${ctx}/chart/freightCompositive">货运订单汇总</a></li>
				</@freight>
				<@zhuanxian>
				<li class="list-group-item"><a  href="${ctx}/chart/zhuanxianCompositive">快车订单汇总</a></li>
				</@zhuanxian>
		        <li class="list-group-item"><a  href="${ctx}/chart/orderYearChart">订单统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/orderType">订单来源统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/memberOrder1">客户消费统计</a></li>
				<li class="list-group-item"><a  href="${ctx}/chart/tableNewMemberMonth">新增客户统计</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/driverOrder">服务人员业绩</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/introduce">推荐员工业绩</a></li>
			    <li class="list-group-item"><a  href="${ctx}/chart/infoFee">保险费/信息费</a></li>
			    <@shiro.isMainCompany>
			    <li class="list-group-item"><a  href="${ctx}/chart/companyOrder">公司统计</a></li>
			    </@shiro.isMainCompany>
			    <!-- <li class="list-group-item"><a  href="${ctx}/chart/activity">活动统计</a></li> -->
			    <li class="list-group-item"><a  href="${ctx}/chart/driverTime">服务人员在线时间统计</a></li>
		    </ul>
		</div>
	</div> 
    
    <div class="col-md-10">
    <div role="tabpanel">
    	<ul class="nav nav-tabs navigation">
			<@daijia>
				<@shiro.hasPermission name='order'>
		    		<li <#if activityTab?? && activityTab=="daijia">class="active"</#if>><a href="#daijiatab" data-toggle="tab">代驾</a></li>
		    	</@shiro.hasPermission>
		    </@daijia>
		    
		    <@zhuan>
			    <@shiro.hasPermission name='zhuan'>
		    		<li <#if activityTab?? && activityTab=="zhuan">class="active"</#if>><a href="#zhuantab" data-toggle="tab">专车</a></li>
		    	</@shiro.hasPermission>
	    	</@zhuan>
		    
		    <@pao>
		    	<@shiro.hasPermission name='errand'>
			    	<li <#if activityTab?? && activityTab=="errand">class="active"</#if>><a href="#errandtab" data-toggle="tab">跑腿</a></li>
		    	</@shiro.hasPermission>
	    	</@pao>
	    	
	    	<@freight>
			    <@shiro.hasPermission name='freight'>
		    		<li <#if activityTab?? && activityTab=="freight">class="active"</#if>><a href="#freighttab" data-toggle="tab">货运</a></li>
		    	</@shiro.hasPermission>
	    	</@freight>
	    	<@zhuanxian>
			    <@shiro.hasPermission name='zhuanxian'>
		    		<li <#if activityTab?? && activityTab=="zhuanxian">class="active"</#if>><a href="#zhuanxiantab" data-toggle="tab">快车</a></li>
		    	</@shiro.hasPermission>
	    	</@zhuanxian>
	    </ul>
	    <br/>
	    <div class="tab-content">
	    
    		<@daijia>
			<@shiro.hasPermission name='order'>
	        <div id="daijiatab" class="tab-pane <#if activityTab?? && activityTab=="daijia">active</#if>">
		        <div class="row">
					<div class="col-xs-10">
						<form class="form-inline" id="SearchForm" method="get">
							<@shiro.isMainCompany>
								<select class="form-control" name="companyId" id="companyId">
									<option value="">全部公司</option>
									<#list companys as company>
										<option value="${company.id}" <#if companyId?? && companyId==company.id>selected="selected"</#if>>${company.abbreviation}</option>
									</#list>
								</select>
							</@shiro.isMainCompany>
							<div class="input-group">
								<input id="startTime" type="text" class="form-control" placeholder="开始时间" />
							</div>
							
						  	<div class="form-group">
						  		<input id="endTime" type="text" class="form-control" placeholder="结束时间" />
						    </div>
							<button type="button" id="search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
						</form>
					</div>
				</div>
				
				<div class="row">
			      <center><div id="daijia"></div><center>
			      <div class="col-xs-12">
					<div class="table-responsive">
						<div class="panel panel-primary">
						  <table id="daijiaTable" class="table table-hover  table-striped table-bordered">
						  	<thead>
						  		<tr style="font-size:14px;">
						  			<th>订单来源</th>
						  			<th>订单数量</th>
						  			<th>金额</th>
						 		</tr>
						  	</thead>
						  	<tbody>
						  	</tbody>
						  </table>
						  
						  <ul class="pagination pull-left pagination-sm pageshow">
						  	<li><a id="daijiaTotal"></a></li>
						  </ul>
						</div>
					 </div>
				  </div>
			   </div>
	       </div>
	       </@shiro.hasPermission>
	       </@daijia>
	       
	       <@zhuan>
	       <@shiro.hasPermission name='zhuan'>
            <div id="zhuantab" class="tab-pane <#if activityTab?? && activityTab=="zhuan">active</#if>">
	            <div class="row">
					<div class="col-xs-10">
						<form class="form-inline" id="SearchForm" method="get" >
							<@shiro.isMainCompany>
								<select class="form-control" name="companyId" id="zhuancheCompanyId">
									<option value="">全部公司</option>
									<#list companys as company>
										<option value="${company.id}" <#if companyId?? && companyId==company.id>selected="selected"</#if>>${company.abbreviation}</option>
									</#list>
								</select>
							</@shiro.isMainCompany>
							<div class="input-group">
								<input id="zhuancheStartTime" type="text" class="form-control" placeholder="开始时间" />
							</div>
							
						  	<div class="form-group">
						  		<input id="zhuancheEndTime" type="text" class="form-control" placeholder="结束时间" />
						    </div>
							<button type="button" id="zhuanche_search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
						</form>
					</div>
				</div>
				
			   <div class="row">
			     <center> <div id="zhuanche"></div></center>
			      <div class="col-xs-12">
					<div class="table-responsive">
						<div class="panel panel-primary">
							<table id="zhuancheTable" class="table table-hover table-striped table-bordered">
								<thead>
									<tr style="font-size:14px;">
									 </tr>
								</thead>
								<tbody>
									  		
								</tbody>
						    </table>
									  
						    <ul class="pagination pull-left pagination-sm pageshow">
								<li><a id="zhuancheTotal"></a></li>
							</ul>
						</div>
					</div>
				  </div>
	            </div>
	    	</div>
			</@shiro.hasPermission>
		    </@zhuan>
	       <@zhuanxian>
	       <@shiro.hasPermission name='zhuanxian'>
            <div id="zhuanxiantab" class="tab-pane <#if activityTab?? && activityTab=="zhuanxian">active</#if>">
	            <div class="row">
					<div class="col-xs-10">
						<form class="form-inline" id="zhuanxianSearchForm" method="get" >
							<@shiro.isMainCompany>
								<select class="form-control" name="companyId" id="zhuanxianCompanyId">
									<option value="">全部公司</option>
									<#list companys as company>
										<option value="${company.id}" <#if companyId?? && companyId==company.id>selected="selected"</#if>>${company.abbreviation}</option>
									</#list>
								</select>
							</@shiro.isMainCompany>
							<div class="input-group">
								<input id="zhuanxianStartTime" type="text" class="form-control" placeholder="开始时间" />
							</div>
							
						  	<div class="form-group">
						  		<input id="zhuanxianEndTime" type="text" class="form-control" placeholder="结束时间" />
						    </div>
							<button type="button" id="zhuanxian_search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
						</form>
					</div>
				</div>
				
			   <div class="row">
			     <center> <div id="zhuanxian"></div></center>
			      <div class="col-xs-12">
					<div class="table-responsive">
						<div class="panel panel-primary">
							<table id="zhuanxianTable" class="table table-hover table-striped table-bordered">
								<thead>
									<tr style="font-size:14px;">
									 </tr>
								</thead>
								<tbody>
									  		
								</tbody>
						    </table>
									  
						    <ul class="pagination pull-left pagination-sm pageshow">
								<li><a id="zhuanxianTotal"></a></li>
							</ul>
						</div>
					</div>
				  </div>
	            </div>
	    	</div>
			</@shiro.hasPermission>
		    </@zhuanxian>
	       <@pao>
	       <@shiro.hasPermission name='errand'>
	       <div id="errandtab" class="tab-pane <#if activityTab?? && activityTab=="errand">active</#if>">
		       <div class="row">
			       <div class="col-xs-10">
						<form class="form-inline" id="SearchForm" method="get">
							<@shiro.isMainCompany>
								<select class="form-control" name="companyId" id="errandCompanyId">
									<option value="">全部公司</option>
									<#list companys as company>
										<option value="${company.id}" <#if companyId?? && companyId==company.id>selected="selected"</#if>>${company.abbreviation}</option>
									</#list>
								</select>
							</@shiro.isMainCompany>
							<div class="input-group">
								<input id="errandStartTime" type="text" class="form-control" placeholder="开始时间" />
							</div>
							
						  	<div class="form-group">
						  		<input id="errandEndTime" type="text" class="form-control" placeholder="结束时间" />
						    </div>
							<button type="button" id="errand_search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
						</form>
					</div>
				</div>
				
			   <div class="row">
			      <center><div id="errand"></div></center>
			      <div class="col-xs-12">
					<div class="table-responsive">
						<div class="panel panel-primary">
							<table id="errandTable" class="table table-striped table-condensed table-bordered">
								<thead>
									<tr style="font-size:14px;">
									 </tr>
								</thead>
								<tbody>
									  		
								</tbody>
						    </table>
									  
						    <ul class="pagination pull-left pagination-sm pageshow">
								<li><a id="errandTotal"></a></li>
							</ul>
						</div>
					</div>
				  </div>
		        </div>
        
	    	</div>
	      </@shiro.hasPermission>
	      </@pao>
	     
	       <@freight>
	       <@shiro.hasPermission name='freight'>
            <div id="freighttab" class="tab-pane <#if activityTab?? && activityTab=="freight">active</#if>">
	            <div class="row">
					<div class="col-xs-10">
						<form class="form-inline" id="SearchForm" method="get" >
							<@shiro.isMainCompany>
								<select class="form-control" name="companyId" id="freightCompanyId">
									<option value="">全部公司</option>
									<#list companys as company>
										<option value="${company.id}" <#if companyId?? && companyId==company.id>selected="selected"</#if>>${company.abbreviation}</option>
									</#list>
								</select>
							</@shiro.isMainCompany>
							<div class="input-group">
								<input id="freightStartTime" type="text" class="form-control" placeholder="开始时间" />
							</div>
							
						  	<div class="form-group">
						  		<input id="freightEndTime" type="text" class="form-control" placeholder="结束时间" />
						    </div>
							<button type="button" id="freight_search_button" class="btn btn-primary"><i class="glyphicon glyphicon-search"></i> 查询</button>
						</form>
					</div>
				</div>
				
			   <div class="row">
			     <center> <div id="freight"></div></center>
			      <div class="col-xs-12">
					<div class="table-responsive">
						<div class="panel panel-primary">
							<table id="freightTable" class="table table-hover table-striped table-bordered">
								<thead>
									<tr style="font-size:14px;">
									 </tr>
								</thead>
								<tbody>
									  		
								</tbody>
						    </table>
									  
						    <ul class="pagination pull-left pagination-sm pageshow">
								<li><a id="freightTotal"></a></li>
							</ul>
						</div>
					</div>
				  </div>
		        </div>
			</div>
			</@shiro.hasPermission>
		    </@freight>
	    	
		</div>
     </div>
	 </div>
</div>

</@override>
 
<@override name="footer">
<script src="${ctx}/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/assets/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${ctx}/assets/js/highcharts.js"></script>
<script src="${ctx}/assets/js/jquery.paging.min.js"></script>
<script src="${ctx}/assets/js/chart/ordeType.js"></script>
<script type="text/javascript">
</script>
</@override>
<@extends name="../layout.ftl"/>
